<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../js/bootstrap3/css/bootstrap.min.css">
    <link rel="stylesheet" href="../js/bootstrap-treeview/bootstrap-treeview.min.css">
    <link rel="stylesheet" href="../js/bootStrap-addTabs/bootstrap.addtabs.css">
    <link rel="stylesheet" href="../js/bootstrap-table/bootstrap-table.min.css">
    <link rel="stylesheet" href="../js/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="../js/bootstrap-fileinput/css/fileinput.min.css">
    <link rel="stylesheet" href="../js/kindeditor-4.1.10/themes/default/default.css"/>
</head>
<script type="text/javascript" src="../js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="../js/bootstrap3/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/bootstrap-treeview/bootstrap-treeview.min.js"></script>
<script type="text/javascript" src="../js/bootStrap-addTabs/bootstrap.addtabs.min.js"></script>
<script type="text/javascript" src="../js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="../js/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="../js/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="../js/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script type="text/javascript" src="../js/bootstrap-bootbox/bootbox.js"></script>
<script type="text/javascript" src="../js/bootstrap-fileinput/js/fileinput.min.js"></script>
<script type="text/javascript" src="../js/bootstrap-fileinput/js/locales/zh.js"></script>
<script type="text/javascript" src="../js/kindeditor-4.1.10/kindeditor-all.js"></script>
<body>

<!-- container-fluid 流式布局 -->
<div class="container-fluid">
    <form id="addForm" class="form-horizontal">
        <input type="hidden" id="zixunid" name="zixunid" th:value="${zixun.zixunid}" class="form-control"/>
        <br/>
        <div class="row">
            <div class="col-xs-1">标题</div>
            <div class="col-xs-2">
                <input type="text" id="zixuntitle" name="zixuntitle" th:value="${zixun.zixuntitle}" readonly class="form-control"/>
            </div>
            <div class="col-xs-1">作者</div>
            <div class="col-xs-2">
                <input type="text" id="zixunauthor" name="zixunauthor" th:value="${zixun.zixunauthor}" readonly class="form-control"/>
            </div>
            <div class="col-xs-1">时间</div>
            <div class="col-xs-2">
                <input type="text" id="zixundate" name="zixundate" th:value="${zixun.zixundate}" readonly class="form-control"/>
            </div>
        </div>
        <br/>

        <br/>
        <div class="row">
            <div class="col-xs-1">封面</div>
            <div class="col-xs-4">
                <img th:src="${zixun.zixunimg}" height="300px;" alt="照片跑了">
            </div>
        </div>

        <br/>
        <div class="row">
            <div class="col-xs-1">内容</div>
            <div class="col-xs-11">
                <textarea rows="15" cols="140" id="content" name="zixunconnect" readonly th:text="${zixun.zixunconnect}"></textarea>
            </div>
        </div>

        <br/>
        <div class="row">
            <div class="col-xs-11"></div>
            <div class="col-xs-1">
                <input type="button" class="btn btn-success" onclick="backPage()" value="返回" />
            </div>
        </div>
    </form>
</div>

</body>
<script>
    function backPage(){
        history.back();
    }
</script>
</html>